<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>后台登录</title>
    <link href="common/css/bootstrap.min.css" rel="stylesheet">
    <script type="text/javascript" src="common/js/jquery-3.2.1.min.js"></script>
    <script type="text/javascript" src="common/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="common/js/new_common.js"></script>
    <script type="text/javascript">
        if (typeof console == "undefined") {
            this.console = {
                log: function (msg) {
                }
            };
        }

    </script>
</head>
<body>



用户名：<input name="name" value="yd">
密码：<input name="password" value="123456">
验证码<input name="captcha">
<img src="../captcha.html">
<button id="submit" class="btn btn-success">登录</button>

<script>

    var url = '../api/rbac/adminLogin'; // 管理员登录接口

    $('#submit').bind('click',function () {
        var jsonStr = {
            'name':$("input[name='name']").val(),
            'password':$("input[name='password']").val(),
            'captcha':$("input[name='captcha']").val()};
        $.ajax({
            url: url,//   请求地址
            type: 'post',//   请求方法
            timeout: 6000,//   超时时间
            async: true,//   true(默认):异步请求,false:同步请求(将锁住浏览器,请求完成才能操作浏览器其它选项)
            beforeSend: function (XMLHttpRequest) {},//    请求前执行的操作
            cache: false,//   true,使用缓存;false(默认),不使用缓存
            complete: function (XMLHttpRequest, textStatus) {},//    请求后执行的操作,不管请求是否成功都执行
            contentType: 'application/x-www-form-urlencoded',//  发送至服务器时的编码类型,默认适合大多数应用场景
            data: jsonStr,//  发送至服务器的数据参数,以 key/value 格式发送
            dataType: 'json',//  默认服务器返回的格式,有: xml\html\script\json\jsonp
            error: function (XMLHttpRequest, textStutus, errorThrown) {},//    请求失败将调用此方法
            global: true,//  是否出发全局ajax事件 , true,是; false(默认),否;
            ifModified: false,//  仅在服务器数据改变时捕获新数据,默认false
            processData: true,//     默认true,默认情况下,发送的数据将被转换为对象
            success: function (data, textStatus) { //     请求成功返回回调值,并执行的方法
                if(parseInt(data.code) === 1){
                    window.location.href = './editRole.html';
                }else {
                    alert(data.msg)
                }


            }
        });

    });

</script>

</body>
</html>


